import { PROJECT_PREFIX } from '../base'

export const BLOCKQUOTE_STYLES = {
  BASE: `
    background-color: var(--${PROJECT_PREFIX}-theme-quote-bg) !important;
    color: var(--${PROJECT_PREFIX}-theme-quote-text) !important;
    border-radius: 0 5px 5px 0;
    padding: 2em !important;
    position: relative !important;
    border: none !important;
    font-size: 15px !important;
    
    &:before, &:after {
      position: absolute !important;
      color: #cc9100 !important;
      font-size: 34px !important;
      font-weight: 700 !important;
    }
    
    &:before {
      content: '❝' !important;
      top: 8px;
      left: 5px;
    }
    &:after {
      content: '❞' !important;
      right: 5px;
      bottom: -5px;
    }
  `,
}
